<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:decorate template="/resources/template/modelo.xhtml">
        <ui:define name="centro">
            <f:view encoding="ISO-8859-1">  
                <h:form>
                    <p:panel  header="Edição de Capítulos" >  

                        <p:messages id="msgs"/>  

                        <h:panelGrid columns="2">   


                            <h:outputText value="Título: *" />
                            <h:inputText id="titulo" value="#{capituloBean.capitulo.titulo}" required="true" label="Título" /> 
                        </h:panelGrid>
                        <h:panelGrid columns="1">
                            <h:outputText value="Livros Organizados:" />
                        </h:panelGrid>
                        <h:panelGrid columns="2">
                              
                            <p:selectOneMenu label="Lívros Organizados" value="#{capituloBean.capitulo.livroOrganizado.id}" effect="fade" required="true"   >
                                <f:selectItem itemLabel="Selecione" itemValue="" />
                                <f:selectItems value="#{livroOrganizadoBean.listaLivros}" var="lo"  itemLabel="#{lo.titulo}" itemValue ="#{lo.id}"  />
                            </p:selectOneMenu>
                            <p:commandButton icon="ui-icon-refresh" immediate="true" ajax="false" /> 
                        </h:panelGrid>

                        <h:panelGrid columns="1">
                            <p:commandLink target="_blank" actionListener="#{livroOrganizadoBean.novoLivro}"  action="/cadastros/obras/livrosOrganizados/cadastro/cadastroLivro"  style="margin-right:20px;" immediate="true" ajax="false" >  
                                <h:outputText value="Não encontrou o Livro Organizado?" />  
                            </p:commandLink>  
                        </h:panelGrid>
                        <h:panelGrid columns="2">   
                            <h:outputText value="Página Inicio: *"/>
                            <h:inputText value="#{capituloBean.capitulo.paginaInicio}" label="Página Início" required="true"/>
                            <h:outputText value="Página Fim:"/>
                            <h:inputText value="#{capituloBean.capitulo.paginaFim}" label="Página Fim" required="true" />

                        </h:panelGrid>
                    </p:panel>



                    <p:panel  style="margin-bottom:10px;">  
                        <div align="center">
                            <h:panelGrid columns="1">
                                <p:commandButton value="Próximo " action="/cadastros/obras/capitulos/editar/editarCapitulo2.xhtml"  icon="ui-icon-seek-next" ajax="false" />
                            </h:panelGrid>
                        </div>
                    </p:panel>

                </h:form>    
            </f:view>
        </ui:define>
    </ui:decorate>
</html>